<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
		<meta name="renderer" content="webkit">
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<title>曲线图</title>
		<link rel="stylesheet" href="css_js/css/bootstrap.min.css" />
		<link rel="stylesheet" href="dist/css/cvs.css" />
		<link rel="stylesheet" href="dist/css/common.css" />
	</head>
	<body ng-app="cvsApp" ng-controller="cvsCtrl">
		<div class="">
			<nav class="navbar text-center">
				<div class="nav_stat">
					
				</div>
				<div class="nav_body">
					<img ng-click="go_back()" class="pull-left btn_top_left" src="dist/images/point/left.png">
					<span class="tit_title">曲线图</span>
				</div>
			</nav>
			<section>
				<div class="mar_10">
					<div class="cvs_box">
						<div class="clearfix">
							<span class="margin_10 pull-left span_list_one">曲线时间选择</span>		
								<div class="pull-left date_cvs">
									<input class="" type="date" /> - 
									<input class="" type="date" />
								</div>
							<span class="pull-right">
								<button class="cvs_btn pass_green">确定</button>
							</span>
						</div>
					</div>
					<div class="cvs_chart">
						<div class="cvs_chart_box">
							<div id="main" style="width: 100%;height:400px;"></div>
						</div>
					</div>
				</div>
			</section>
		</div>
		<script src="css_js/js/jquery.min.js"></script>
		<script src="css_js/js/angular.min.js"></script>
		<script src="css_js/js/bootstrap.min.js"></script>
		<script src="css_js/js/echarts.js"></script>
		<script src="dist/controller/cvsCtrl.js"></script>
		<script> 
			// 基于准备好的dom，初始化echarts实例
        	var myChart = echarts.init(document.getElementById('main'));
			option = {
			    title: {
			        text: '历史数据',
//			        subtext: '纯属虚构'
			    },
			    tooltip: {
			        trigger: 'axis',
			        axisPointer: {
			            type: 'cross'
			        }
			    },
			    toolbox: {
			        show: true,
			        feature: {
			            saveAsImage: {}
			        }
			    },
			    xAxis:  {
			        type: 'category',
			        boundaryGap: false,
			        data: ['20', '40', '60', '80', '100']
			    },
			    yAxis: {
			        type: 'value',
			        axisLabel: {
			            formatter: '{value} pa'
			        },
			        axisPointer: {
			            snap: true
			        }
			    },
			    series: [
			        {
			            name:'压力',
			            type:'line',
			            smooth: true,
			            data: [1000, 700, 350, 460, 570, 200, 550, 500, 400, 390, 380, 390, 400, 500, 600, 750, 800, 700, 600, 400],		           
			        }
			    ]
			};
			 // 使用刚指定的配置项和数据显示图表。
        	myChart.setOption(option);
    	</script>
	</body>
</html>